<template>
	<div class="purchase-list">
		<div class="purchase-list-title">
			商品列表
		</div>
		<div class="purchase-list-content">
			<purchase-item
					v-for="item in purchaseList"
					:key="item.id"
					:purchaseItem="item"
			/>
		</div>
	</div>
</template>

<script>
	export default {
		name: "purchaseList",
		props: {
			purchaseList: {
				type: Array,
				required: true
			}
		},
		components: {
			purchaseItem: () => import('./purchaseItem')
		}
	}
</script>
